<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>百度一下，你就知道</title>
        <style type="text/css">
            .camera{
                background-image: url("camera_new.png");
                background-repeat: no-repeat;
                background-position: bottom right;
                height: 16px;
                width: 18px;
            }
            .wrapper{
                border: 1px solid blue ;
                overflow: hidden ;
                width: 641px;
                height: 35px;
                margin: 0 auto;

            }
            .left {
                float: left ;
                width : 80% ;
                background-color: white;
            }
            .right {
                float : right ;
                width: 20% ;
                background-color: #5178ff;
            }
            .box { width: 100% ;
                height: 50px ;
                border: none ;
                outline: none ;
                background-color: transparent ;
            }
            .btn { width: 100% ;
                height: 50px ;
                border: none ;
                outline: none ;
                background-color: transparent ;
                color: white;
                font-size: medium;
                text-align: center;
                line-height: 50%;
            }
        </style>
    </head>
    <body>
    <div align="center">
        <img src="bd_logo1.png" width="270" height="129">
    </div>
    <div class="wrapper">
        <form action="http://www.baidu.com/s" autocomplete="off">
            <div class="left">
                <input type="text" name="wd" class="box camera">
            </div>
            <div class="right" >
                <input type="submit" value="百度一下" class="btn">
            </div>
        </form>
    </div>
        <div>

        </div>

    </body>
</html>